<template>
	<view class="content">
    <view class="list">
      <navigator class="item" v-for="(item, index) in lists" :key="index" :url="item.path">
          <view class="left">
            <image class="item-img" :src="item.image"></image>
            {{item.name}}
          </view>
          <view class="iconfont icon-jiantou _font-10" style="color: #bdbdbd;"></view>
      </navigator>
    </view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
        lists:[
          {
            name: '常用承租人',
            path: '/pages/info_setting/common_tenant',
            image: './static/common_info_img1.png'
          },
          {
            name: '常用收件信息',
            path: '/pages/info_setting/common_delivered_info',
            image: './static/common_info_img2.png'
          }
        ]
			}
		},
	}
</script>

<style scoped>
	page {
    min-height: 100vh;
		background-color: rgb(248,249,252);
	}

	.content {
		padding: 32rpx;
	}
  .list{
    
  }
  .item{
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #FFF;
    font-size: 28rpx;
    color: rgba(0,0,0,0.9);
    padding: 32rpx 28rpx;
    border-radius: 10rpx;
    margin-bottom: 24rpx;
  }
  .left{
    display: flex;
    align-items: center;
  }
  .item-img{
    width: 44rpx;
    height: 44rpx;
    margin-right: 8rpx;
  }
</style>
